<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Bushland Backdrop, Immaculate Throughout | For a Fair Go | Go Gecko</title>

	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/>

	<link rel="stylesheet" href="template.css" type="text/css" />
	<link type="text/css" href="css/jquery-ui-1.9.0.custom.min.css" rel="stylesheet" />
	<link type="text/css" href="css/jquery.jcarousel.skin.css" rel="stylesheet" /> 
	<link type="text/css" href="css/jquery.jcarousel.skin.slideshow.css" rel="stylesheet" /> 

	<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.9.0.custom.min.js"></script>
	<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>

	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBD6K693C64UOIUryWW6sRepij-C7Sn3D8&sensor=false"></script>

	<script>
	    var map;
	    var lat;
	    var lng;
	    var mapOptions;
	    var geocoder;
	    var address;
	    var myLatlng;
	
	    $(document).ready(function() {
	    	
	    	 $(".property .contentright").height($(".property .contentleft").height());
	    	
		    geocoder = new google.maps.Geocoder();
		    geocoder.geocode({'address': '55 Seeana Dve Mount Cotton 4165'}, function(results, status) {
		        if (status==google.maps.GeocoderStatus.OK) {
		            myLatlng = results[0].geometry.location;
		            mapOptions = {
		                center: myLatlng,
		                zoom: 15,
		                mapTypeId: google.maps.MapTypeId.ROADMAP
		            };
		            map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
		            var marker = new google.maps.Marker({
		                position: myLatlng,
		                title:address
		            });
		            marker.setMap(map);
		        }
		        else {
		            alert('Address not found');
		        }
		    });
	    	
	    });

	</script>

</head>
<body>
	<div class="wrapper1">
		<div class="wrapper">

			<div class="top">
				<div class="logo">
					<a href="index.html">Go Gecko</a>
				</div>
				<div class="topright">
					<div class="commission">
						<p>Capped Commissions</p>
					</div>
					<div class="locator">
						<div class="ilocator">
							<h4>Office Locator</h4>
							<p>
								<input type="text" name="name" /><input type="submit" />
							</p>
							<p>
								<img src="images/arrow.png" alt=""
									style="padding-right: 7px; vertical-align: middle; padding-bottom: 6px;" /><a
									href="#">Show all offices</a>
							</p>
						</div>
						<div class="socialmedia">
							<a href="#"><img src="images/fb.jpg" alt=""
								style="vertical-align: middle;" /></a><a href="#"><img
								src="images/twit.jpg" alt="" style="vertical-align: middle;" /></a>
						</div>
						<div class="clearer"></div>
					</div>
				</div>
				<div class="clearer"></div>
			</div>

			<div class="mainmenu">
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="appraisal.html">Selling</a></li>
					<li class="active"><a href="properties-list.html">Buying</a></li>
					<li><a href="property-management.html">Landlord</a></li>
					<li><a href="#">Tenant</a></li>
					<li><a href="office.html">Offices</a></li>
					<li><a href="#">Finance</a></li>
					<li><a href="aboutus.html">About Us</a></li>
					<li><a href="#">Contact Us</a></li>
					<li class="join"><a href="#">Join Go Gecko</a></li>
				</ul>
				<div class="clearer"></div>
			</div>

			<div class="content general-content property" id="page-body">
				<div class="contentleft">
					<!-- Property Address -->
					<div class="address"><h1>55 Seeana Dve, Mount Cotton</h1></div>

					<!-- Price and Main Features -->
					<div>
						<div class="price">
							<h3>$489,000 to $509,000 price guide</h3>
						</div>
						<div class="main-feature">
							<img src="images/property-landsize-icon.png"/>
							<div>400m2</div>
						</div>
						<div class="main-feature">
							<img src="images/property-carparks-icon.png"/>
							<div>2</div>
						</div>
						<div class="main-feature">
							<img src="images/property-bathrooms-icon.png"/>
							<div>2</div>
						</div>
						<div class="main-feature">
							<img src="images/property-bedrooms-icon.png"/>
							<div>3</div>
						</div>
					</div>

					<!-- Photo's and other images -->
					<div class="property-images">
						<div style="float:left">
						    <div class="main">
						        <img id="property-main-img" src="images/property/1/photo1.jpg"/>
						    </div>
						</div>
						<div style="float:right">
						    <div>
						        <ul id="image-carousel" class="jcarousel-skin-tango">
						            <li><img src="images/property/1/photo1.jpg" width="100" height="75" alt="" /></li>
						            <li><img src="images/property/1/photo2.jpg" width="100" height="75" alt="" /></li>
						            <li><img src="images/property/1/photo3.jpg" width="100" height="75" alt="" /></li>
						            <li><img src="images/property/1/photo4.jpg" width="100" height="75" alt="" /></li>
						            <li><img src="images/property/1/photo5.jpg" width="100" height="75" alt="" /></li>
						            <li><img src="images/property/1/photo6.jpg" width="100" height="75" alt="" /></li>
						            <li><img src="images/property/1/photo7.jpg" width="100" height="75" alt="" /></li>
						            <li><img src="images/property/1/photo8.jpg" width="100" height="75" alt="" /></li>
						            <li><img src="images/property/1/photo9.jpg" width="100" height="75" alt="" /></li>
						            <li><img src="images/property/1/photo10.jpg" width="100" height="75" alt="" /></li>
						        </ul>
						        <script type="text/javascript">
						
						            jQuery(document).ready(function() {
						                jQuery('#image-carousel').jcarousel({
						                    vertical: true,
						                    scroll: 4
						                });
						                
						                jQuery('#image-carousel img').click(function() {
						                	$("#property-main-img").attr("src", $(this).attr("src"));
						                });
						            });
						
						        </script>
						    </div>
						</div>
					</div>
					
					<!-- Slideshow -->
					<div class="slideshow">
						<a href="" onclick="$('#slideshow-dialog-modal').dialog('open'); return false;" title="View slideshow" >
							<img src="images/property-slideshow-icon.png" alt="" title="View slideshow" />
							<span>SLIDESHOW</span>
						</a>
					</div>
					
					<!-- Feature-line and Description -->
					<div>
						<h3>Bushland Backdrop, Immaculate Throughout!</h3>
						<p>
							The best of both worlds on offer here, close to the Bay and the bush, 55 Seeana Drive is nestled in a wonderful tranquil setting, allowing you to enjoy all the joys of bushland living with a modern stylish touch. Relax on your decked verandah, sip a nice glass of red whilst listening to nature in its natural habitat!
							<br/>
							Offering:
							<br/>
							Five large bedrooms(three down, two up) master with ensuite and walk through robes
							<br/>
							Multiple living areas
							<br/>
							Stunning kitchen with stone benchtops and loads of storage
							<br/>
							Ceiling fans
							<br/>
							Spacious open plan living
							<br/>
							Decked verandah o
							<br/>
							DLUG with internal access
							<br/>
							Latest fibre optic Internet connections
							<br/>
							Great storage area underneath the house
							<br/>
							Large fully fenced yard safe for children and pets
							<br/>
							Close to all amenities, quality schools, 300 acres of parkland and walkways on your doorstep
							<br/>
							Mount Cotton is a fantastic forward planning suburb in the heart of the Redlands. Only 40 minutes to the CBD and gorgeous Gold Coast, number 55 Seeana Drive has so much to offer at an affordable price. Move straight in, with absolutely nothing to do but enjoy! For your own exclusive viewing ring Mal on 0435 cancel						
						</p>
					</div>
					
					<!-- Features -->
					<div class="features">
						<h3>Features</h3>
						<ul>
							<li>Broadband</li>
							<li>Built In Robes</li>
							<li>Dishwasher</li>
							<li>Fully Fenced</li>
							<li>Outdoor Entertaining</li>
							<li>Remote Garage</li>
							<li>Secure Parking</li>						
						</ul>
					</div>
					
				</div>
				<div class="contentright">
					<!-- Google map -->
					<div id="map_canvas" style="width:100%; height:240px; margin: 6px 0px 16px 0px;"></div>
					
					<!-- Open home times -->
					<div id="property-openhomes">
						<h3>Open Homes</h3>
						<ul>
							<li>
								<strong>Saturday 4th June</strong>
								<br/>11:00 AM to 1:00 PM
							</li>
							<li>
								<strong>Sunday 5th June</strong>
								<br/>11:30 AM to 12:30 PM
							</li>
							<li>
								<div style="margin:8px 0 0 32px">Contact Agent for private viewing</div>
							</li>
						</ul>
					</div>
					
					<!-- Office info -->
					<div id="property-office">
						<h3>Office details</h3>
						<strong>Go Gecko Redlands</strong>
						<br/>5/106 Birkdale Street
						<br/>Birkdale QLD 4159
						<br/><strong>Phone: </strong>(07) 3822 8937
						<br/><strong>Fax: </strong>(07) 3822 8924
						<h3>Agent details</h3>
						<strong>Malcom Windebank</strong>
						<br/><strong>Phone: </strong>(07) 3822 8937
						<br/><strong>Mobile: </strong>0423 658 987
                        <div style="margin:8px 0">
                        	<a href="#" onclick="$('#emailagent-dialog-modal').dialog('open');$('#emailagent_id').val('1'); return false;" class="orange-block">
                        		Email Agent</a>
                        </div>
					</div>
					
					<!-- Actions: Enquire, Print, Email to Friend -->
					<div id="property-actions">
						<a href="#" onclick="$('#enquirenow-dialog-modal').dialog('open');$('#enquirenow_id').val('1'); return false;" class="orange-block">
							Enquire Now</a>
						<a href="#" onclick="$('#emailagent-dialog-modal').dialog('open');$('#enquirenow_id').val('1'); return false;" class="orange-block">
							Print property details</a>
						<a href="#" onclick="$('#emailfriend-dialog-modal').dialog('open');$('#friend_id').val('1'); return false;" class="orange-block">
							Email to a Friend</a>
					</div>
					
				</div>
				<div class="clearer"></div>
				
				<!-- Slideshow Dialog -->
			    <div id="slideshow-dialog-modal" class="property-dialog" title="55 Seeana Dve, Mount Cotton">
			    	<div>
				        <ul id="slideshow-carousel" class="jcarousel-skin-tango-slideshow">
				            <li><img src="images/property/1/photo1.jpg" width="772" height="520px" alt="" /></li>
				            <li><img src="images/property/1/photo2.jpg" width="772" height="520px" alt="" /></li>
				            <li><img src="images/property/1/photo3.jpg" width="772" height="520px" alt="" /></li>
				            <li><img src="images/property/1/photo4.jpg" width="772" height="520px" alt="" /></li>
				            <li><img src="images/property/1/photo5.jpg" width="772" height="520px" alt="" /></li>
				            <li><img src="images/property/1/photo6.jpg" width="772" height="520px" alt="" /></li>
				            <li><img src="images/property/1/photo7.jpg" width="772" height="520px" alt="" /></li>
				            <li><img src="images/property/1/photo8.jpg" width="772" height="520px" alt="" /></li>
				            <li><img src="images/property/1/photo9.jpg" width="772" height="520px" alt="" /></li>
				            <li><img src="images/property/1/photo10.jpg" width="772" height="520px" alt="" /></li>
				        </ul>
				        <script type="text/javascript">
				
				            jQuery(document).ready(function() {
				                jQuery('#slideshow-carousel').jcarousel({
				                    scroll: 1,
				                	auto: 4,
				                    wrap: 'last',
				                    initCallback: slideshow_initCallback
				                });
				            });
				            
				            function slideshow_initCallback(carousel)
				            {
				                // Pause autoscrolling if the user moves with the cursor over the clip.
				                carousel.clip.hover(function() {
				                    carousel.stopAuto();
				                }, function() {
				                    carousel.startAuto();
				                });
				            };				            
				
				        </script>
			    	</div>
			    	<div style="width:100%; text-align:center">(Photo will change every 4 seconds. Mouse over a photo to pause.)</div>
			    </div>				
			    <script>
			        $("#slideshow-dialog-modal").dialog({
			            autoOpen: false,
			            width: 800,
			            height: 600,
			            modal: true,
			            resizable: false
			        });
			    </script>
		
				<!-- Email Agent Dialog -->
			    <div id="emailagent-dialog-modal" class="property-dialog" title="Email Agent">
			        <div>
			            <form id="emailagent">
			                <div class="showError"></div>
			                <table>
			                    <tr>
			                        <td style="padding-top:8px">
			                            your name *
			                        </td>
			                        <td style="padding-top:8px">
			                            <input id="emailagent_id" name="emailagent_id" type="hidden" value="" style="width:256px"/>
			                            <input id="emailagent_name" name="emailagent_name" type="text" value="" style="width:256px"/>
			                        </td>
			                    </tr>
			                    <tr>
			                        <td style="padding-top:8px">
			                            email address *
			                        </td>
			                        <td style="padding-top:8px">
			                            <input id="emailagent_email"  name="emailagent_email" type="text" value="" style="width:256px"/>
			                        </td>
			                    </tr>
			                    <tr>
			                        <td style="padding-top:8px">
			                            mobile number
			                        </td>
			                        <td style="padding-top:8px">
			                            <input id="emailagent_mobile"  name="emailagent_mobile" type="text" value="" style="width:256px"/>
			                        </td>
			                    </tr>
			                    <tr>
			                        <td style="vertical-align:top; padding-top:8px">
			                            message
			                        </td>
			                        <td style="padding-top:8px">
			                            <textarea id="emailagent_message"  name="emailagent_message" style="width:280px; height:96px; resize: none"></textarea>
			                        </td>
			                    </tr>
			                </table>
			            </form>
			        </div>
			    </div>
			    <script>
			        $("#emailagent-dialog-modal").dialog({
			            autoOpen: false,
			            width: 420,
			            height: 346,
			            modal: true,
			            resizable: false,
			            buttons: {
			                Submit: function() {
			                    $(this).dialog("close");
			                },
			                Cancel: function() {
			                    $(this).dialog("close");
			                }
			            }
			        });
			    </script>
		
				<!-- Enquire Now Dialog -->
			    <div id="enquirenow-dialog-modal" class="property-dialog" title="Enquire Now">
			        <div>
			            <form id="eqnuirenow">
			                <div class="showError"></div>
			                <table>
			                    <tr>
			                        <td style="padding-top:8px">
			                            your name *
			                        </td>
			                        <td style="padding-top:8px">
			                            <input id="eqnuirenow_id" name="eqnuirenow_id" type="hidden" value="" style="width:256px"/>
			                            <input id="eqnuirenow_name" name="eqnuirenow_name" type="text" value="" style="width:256px"/>
			                        </td>
			                    </tr>
			                    <tr>
			                        <td style="padding-top:8px">
			                            email address *
			                        </td>
			                        <td style="padding-top:8px">
			                            <input id="eqnuirenow_email"  name="eqnuirenow_email" type="text" value="" style="width:256px"/>
			                        </td>
			                    </tr>
			                    <tr>
			                        <td style="padding-top:8px">
			                            mobile number
			                        </td>
			                        <td style="padding-top:8px">
			                            <input id="eqnuirenow_mobile"  name="eqnuirenow_mobile" type="text" value="" style="width:256px"/>
			                        </td>
			                    </tr>
			                    <tr>
			                        <td style="vertical-align:top; padding-top:8px">
			                            message
			                        </td>
			                        <td style="padding-top:8px">
			                            <textarea id="eqnuirenow_message"  name="eqnuirenow_message" style="width:280px; height:96px; resize: none"></textarea>
			                        </td>
			                    </tr>
			                </table>
			            </form>
			        </div>
			    </div>
			    <script>
			        $("#enquirenow-dialog-modal").dialog({
			            autoOpen: false,
			            width: 420,
			            height: 346,
			            modal: true,
			            resizable: false,
			            buttons: {
			                Submit: function() {
			                    $(this).dialog("close");
			                },
			                Cancel: function() {
			                    $(this).dialog("close");
			                }
			            }
			        });
			    </script>
				
				<!-- Email Friend -->
			    <div id="emailfriend-dialog-modal" class="property-dialog" title="Email to a Friend">
			        <div>
			            <form id="emailfriend">
			                <div class="showError"></div>
			                <table>
			                    <tr>
			                        <td style="padding-top:8px">
			                            your name *
			                        </td>
			                        <td style="padding-top:8px">
			                            <input id="emailfriend_id" name="emailfriend_id" type="hidden" value="" style="width:356px"/>
			                            <input id="emailfriend_name" name="emailfriend_name" type="text" value="" style="width:356px"/>
			                        </td>
			                    </tr>
			                    <tr>
			                        <td style="padding-top:8px">
			                            your email  *
			                        </td>
			                        <td style="padding-top:8px">
			                            <input id="emailfriend_email"  name="emailfriend_email" type="text" value="" style="width:356px"/>
			                        </td>
			                    </tr>
			                    <tr>
			                        <td style="padding-top:8px">
			                            friends email *
			                        </td>
			                        <td style="padding-top:8px">
			                            <input id="emailfriend_friendemail"  name="emailfriend_friendemail" type="text" value="" style="width:356px"/>
			                        </td>
			                    </tr>
			                    <tr>
			                        <td style="vertical-align:top; padding-top:8px">
			                            message
			                        </td>
			                        <td style="padding-top:8px">
			                            <textarea id="emailfriend_message"  name="emailfriend_message" style="width:380px; height:160px; resize: none">Property URL: http://www.gogecko.com.au/property/1</textarea>
			                        </td>
			                    </tr>
			                </table>
			            </form>
			        </div>
			    </div>
			    <script>
			        $("#emailfriend-dialog-modal").dialog({
			            autoOpen: false,
			            width: 500,
			            height: 408,
			            modal: true,
			            resizable: false,
			            buttons: {
			                Submit: function() {
			                    $(this).dialog("close");
			                },
			                Cancel: function() {
			                    $(this).dialog("close");
			                }
			            }
			        });
			    </script>
				
			</div>
			<div class="clearfix"></div>
		</div>
		
	</div>

	<div class="bottomarea">
		<div class="wrapper">
			<div class="bottom">
				<div class="module navigation">
					<h3>Navigation</h3>
					<ul>
						<li><a href="#">Selling</a></li>
						<li><a href="office.html">Offices</a></li>
						<li><a href="#">Buying</a></li>
						<li><a href="#">Finance</a></li>
						<li><a href="#">Landlord</a></li>
						<li><a href="aboutus.html">About Us</a></li>
						<li><a href="#">Tenants</a></li>
						<li><a href="#">Contact Us</a></li>
					</ul>
				</div>
				<div class="module admin">
					<h3>Admin</h3>
					<ul>
						<li class="mail"><a href="#">Staff Mail</a></li>
						<li class="intranet"><a href="#">Intranet</a></li>
					</ul>
				</div>
				<div class="module connect">
					<h3>Connect with go gecko</h3>
					<table>
						<tr>
							<td><a href="#"><img src="images/facebook.png" alt=""
									style="vertical-align: middle; padding: 0px 10px 0px 0px;" />Like
									us on Facebook</a></td>
							<td><a href="#"><img src="images/twitter.png" alt=""
									style="vertical-align: middle; padding: 0px 10px 0px 0px;" />Follow
									us on Twitter</a></td>
						</tr>

						<tr>
							<td><a href="#"><img src="images/news.png" alt=""
									style="vertical-align: middle; padding: 0px 10px 0px 0px;" />Get
									the latest News</a></td>
							<td><a href="#"><img src="images/find.png" alt=""
									style="vertical-align: middle; padding: 0px 10px 0px 0px;" />Find
									on Office</a></td>
						</tr>

					</table>
				</div>
				<div class="clearer"></div>
			</div>

			<div class="footer">
				<img src="images/logo-footer.png" alt=""
					style="vertical-align: middle; padding-right: 20px;" />Copyright
				2013 Go Gecko | Designed &amp; Developed by <a target="_blank"
					href="http://www.pragmaticsystems.com.au/">Pragmatic Systems</a>
			</div>
		</div>
	</div>

</body>
</html>